<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
    <head>
        <meta charset="UTF-8">
        <title>Font Awesome Ico list</title>
        <link href="/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
        <script src="/js/jquery.min.js"></script>
        <style type="text/css">
            .ico-list .fa{
                margin: 5px;
                padding: 5px;
                cursor:pointer;
                font-size: 18px;
                width: 28px;
                border-radius: 3px;
            }
            .ico-list .fa:hover {
                background-color: #1d9d74;
                color: #ffffff;}
        </style>
    </head>
    <body>
        <div class="ico-list">
            <i class="fa fa-address-book" aria-hidden="true"></i>



        </div>
    </body>
</html>